<div>
    <div class="row ">
        <div class="col-md-2 bg-white padding">
            <div class="flex justify-start ">
                <div style="width: 60%;">
                    <input type="text" :placeholder="vc.i18n('巡检路线名称','inspectionRoute')"
                        v-model="inspectionRouteInfo.conditions.routeName" class=" form-control">
                </div>
                <button type="button" class="btn btn-white btn-sm margin-left-xs"
                    v-on:click="_queryInspectionRouteMethod()">
                    <vc:i18n name="查询" namespace="inspectionRoute"></vc:i18n>
                </button>
                <button type="button" class="btn btn-white btn-sm margin-left-xs"
                    v-on:click="_openAddInspectionRouteModal()">
                    <vc:i18n name="添加" namespace="inspectionRoute"></vc:i18n>
                </button>

            </div>
            <div class="vc-org margin-top">
                <ul>
                    <li v-for="(route,index) in inspectionRouteInfo.inspectionRoutes" @click="_switchInspectionRoute(route)"
                        :class="{'vc-node-selected':route.inspectionRouteId == inspectionRouteInfo.route.inspectionRouteId}">
                        {{route.routeName}}
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-10 margin-top-xs vc-org-page">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="巡检路线" namespace="inspectionRoute"></vc:i18n>
                    </h5>
                    <div class="ibox-tools">
                        <button class="btn-white btn btn-xs"
                            v-on:click="_openEditInspectionRouteModel(inspectionRouteInfo.route)">
                            <vc:i18n name="修改" namespace="inspectionRoute"></vc:i18n>
                        </button>
                        <button class="btn-white btn btn-xs"
                            v-on:click="_openDeleteInspectionRouteModel(inspectionRouteInfo.route)">
                            <vc:i18n name="删除" namespace="inspectionRoute"></vc:i18n>
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    巡检路线：
                                </label>
                                <label class="">{{inspectionRouteInfo.route.routeName}}</label>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    顺序：
                                </label>
                                <label class="">{{inspectionRouteInfo.route.seq}}</label>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    创建时间：
                                </label>
                                <label class="">{{inspectionRouteInfo.route.createTime}}</label>
                            </div>
                        </div>

                        <div class="col-sm-2">
                            <div class="form-group">
                                <label class="col-form-label">
                                    备注：
                                </label>
                                <label class="">{{inspectionRouteInfo.route.remark}}</label>
                            </div>
                        </div>
                       
                    </div>

                </div>
            </div>
            <div class="ibox ">

                <div class="ibox-content">
                    <div class="margin-top-sm">
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionRouteInfo._currentTab == 'inspectionRoutePoint'}"
                                    v-on:click="changeTab('inspectionRoutePoint')">
                                    <vc:i18n name="巡检点" namespace="inspectionRoute"></vc:i18n>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionRouteInfo._currentTab == 'inspectionRouteMap'}"
                                    v-on:click="changeTab('inspectionRouteMap')">
                                    <vc:i18n name="巡检地图" namespace="inspectionRoute"></vc:i18n>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionRouteInfo._currentTab == 'routePlan'}"
                                    v-on:click="changeTab('routePlan')">
                                    <vc:i18n name="巡检计划" namespace="inspectionRoute"></vc:i18n>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link"
                                    v-bind:class="{active:inspectionRouteInfo._currentTab == 'routeTask'}"
                                    v-on:click="changeTab('routeTask')">
                                    <vc:i18n name="巡检任务" namespace="inspectionRoute"></vc:i18n>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div v-if="inspectionRouteInfo._currentTab == 'inspectionRoutePoint'">
                        <vc:create path="inspection/inspectionRoutePoint"></vc:create>
                    </div>
                    <div v-if="inspectionRouteInfo._currentTab == 'inspectionRouteMap'">
                        <vc:create path="inspection/inspectionRouteMap"></vc:create>
                    </div>
                    <div v-if="inspectionRouteInfo._currentTab == 'routePlan'">
                        <vc:create path="inspection/routePlan"></vc:create>
                    </div>
                    <div v-if="inspectionRouteInfo._currentTab == 'routeTask'">
                        <vc:create path="inspection/routeTask"></vc:create>
                    </div>
                    
                    
                </div>
            </div>
        </div>
    </div>


    <vc:create path="property/addInspectionRoute" callBackListener="" callBackFunction=""></vc:create>
    <vc:create path="property/editInspectionRoute"></vc:create>
    <vc:create path="property/deleteInspectionRoute"></vc:create>
</div>